@font-face {
    font-family: myfont;
    src: url('MyriadPro-Regular.ttf');
}
a img {
border:none;
}
body {
    font-family: Tahoma,Helvetica,Arial,sans-serif;
}
#header
{
	background:#fff;
	width:100%;
}

#wrapper
{
	width:1000px;
	padding: 0 20px 0 20px;
box-shadow: 0 0 0 0 white, 0 0px 0 0 white, 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.imgLogo {
height: 87px;
width: 200px;
float: left;
}
#navList {
float: right;
	color:#FFF;
	font-size:9px;
}
#navList a
{
	font-size:12px !important;
	color:#8d0809;
}
#navList a img
{
	margin-top:-3px;
}
#topmenu
{
	background:none !important;
	margin-top:5px;
}

#navList div {
float: left;
padding: 6px 0 0 20px;
font-size: 18px;

}
.langbtn
{
	padding: 6px 0 0 10px !important;
}
.searchbt
{
	clear:left;
}
.searchbtc
{
	float:right !important;
}
input.txtsearch
{
	padding-left: 5px;
width: 142px;
height: 12px;
border: 1px solid #CCC;
float: left;
font-size: 10px;
color: #666;
margin-top: 4px;
margin-left: 5px;
}
.nar-form input[type="text"]
{
padding-left: 5px;
width: 142px;
border: 1px solid #CCC;
float: left;
font-size: 10px;
color: #666;
margin-top:1px;
margin-left: 5px;
}
.nar-form .searchbtn
{
	margin-top:1px;
height: 18px;
width: 18px;
cursor: pointer;
float: left;
border: none;
border-radius:none !important;
font-size: 11px;
color: #444;
padding-left: 5px;
padding-right: 5px;
background:#fff url("../images/search-icon.png") no-repeat;

}
/*menu-health Iinvestment*/
@media (min-width: 768px)
{
  
    .mainnav .nav li#menu-travel ul
{
	margin-left:-635px;

}

.mainnav .nav li#menu-investment ul
{
	margin-left:-790px;

}
    
.mainnav .nav li#menu-home ul
{
	margin-left:-480px;

}

    
.mainnav .nav li#menu-motor ul
{
	margin-left:-325px;
	
}
  

.mainnav .nav li#menu-health ul
{
	margin-left:-170px;

}
    .mainnav .nav li#menu-health.en-US ul {
        margin-left:-170px;
    }
     .mainnav .nav li#menu-motor.en-US ul {
        margin-left:-325px;
    }
    .mainnav .nav li#menu-home.en-US ul {
        margin-left:-480px;
    }
    .mainnav .nav li#menu-investment.en-US ul {
         margin-left:-790px; 
    }
/*menu-life*/	

.mainnav .nav li#menu-life ul
{
	margin-left:-15px;
}
.mainnav .nav li:hover ul
{
	display:block;
	position:absolute;
	
}
}
@media (max-width: 768px)
{
.mainnav .nav li:hover ul
{
	display:none;
}
    #vnsavingcampaign-right {
    display:none !important;
    }
}

#footer
{
	width:100%;
	background:#8d0809;
    min-height:40px;
    text-align:center;
    color:#fff;
    margin-top:-10px;
}
 #footer a
{
	color:#fff !important;
}
 #footer .nav a:hover
 {
     background:none!important;
}
#footer a:hover
{
	color:#fff !important;
}	
#copyright
{
	width:100%;
	background:#bb0708;
	color:#ccc;
	padding:5px 0 5px 0;
	font-size:11px;
	text-align:center;
}
.fttitle
{
	display:block;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:10px;

}


#carousel-example-generic {
    width:99%;
    margin-left:5px;
}
#maincontent
{
	min-height:300px;
    padding-top:0px;
    margin-top:-5px;
    padding-bottom:20px;
    background:#fff;
    box-shadow: 12px 0 15px -4px rgba(223, 223, 223, 0.8), -12px 0 8px -4px rgba(223, 223, 223, 0.8);

}
#mainfooter {
   box-shadow: 12px 0 15px -4px rgba(223, 223, 223, 0.8), -12px 0 8px -4px rgba(223, 223, 223, 0.8);
   background:#e2e2e2;
   padding-top:10px;
   padding-bottom:10px;
       margin-top:-10px;
}
.mycolleft
{
	width:765px;
	float:left;
}
.mycolright
{
	width:195px;
	float:left;
}
#fbbox
{
	float:left;
	width:30%;

}

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:6px 10px 0px 10px;
    padding:0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps div {
    position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
    color:#fff;
    background: #df090a;
}
.wizard-steps .completed-step a:before {
    border-top: 12px solid #df090a;
    border-bottom: 12px solid #df090a;
}
.wizard-steps .completed-step a:after {
    border-left: 12px solid #df090a;
}
.wizard-steps .completed-step span {
    border: 2px solid #000;
    color:#000;
    text-shadow:none;
}
/* = ACTIVE STEPS
------------------df090a----------*/
.wizard-steps .active-step a {
    color:#fff;
    background: #a10003;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
    border-top: 12px solid #a10003;
    border-bottom: 12px solid #a10003;
}
.wizard-steps .active-step a:after {
    border-left: 12px solid #a10003;
}
.wizard-steps .active-step span {
    color: #a10003;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #8F061E;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#8F061E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 12px solid #8F061E;
    border-bottom: 12px solid #8F061E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 12px solid #8F061E;
}

tr.hiddentr{
    display:none;
}
.hiddenBenefit {
display:none;
}
#mainfooter ul li a {
   background:#808080 !important;
   color:#fff !important;
   height:20px;
   padding-top:5px !important;
}
#mainfooter ul li.active a {
   background:#e2e2e2 !important;
   color:#000 !important;
}
#mainfooter ul.navlist li a {
    background:none !important;
    font-size:12px;
}
    #mainfooter ul.navlist a {
     color:#000 !important;
    }
        #mainfooter ul.navlist a:hover {
     color:#df090a !important;
    }
#mainfooter ul.navlist li.linkmoney {
    background: url("../images/vnmoney-icon.png") no-repeat scroll 25px 0 transparent;
    height: 30px;
    padding-left:45px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left:-30px;
    font-weight:bold;
}
#mainfooter ul.navlist li.linkinsurance {
    background: url("../images/vninsurance-icon.png") no-repeat scroll 25px 0 transparent;
    height: 30px;
    padding-left:45px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left:-30px;
    font-weight:bold;
}
#mainfooter ul.navlist li.linktravel {
    background: url("../images/vntravel-icon.png") no-repeat scroll 25px 0 transparent;
    height: 30px;
    padding-left:45px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left:-30px;
    font-weight:bold;
}
.hhbox {
    width:33.33333333333333%;
    float:left;
}
 .hhbox a {
     float:left;
     display:block;
 }
    .hhbox  .lnkitem{
      width: 155px;
      float:left;
      margin-left:3px;
      display:block;
}
.hbrow {
    width:100%;
}
.h2box {
    width:66.66666666666667%;
    float:left;
}
 .hhbox a {
     float:left;
     display:block;
     width:100%;
 }

 #vnsavingcampaign-right {
    width: 320px;
    display: inline-block;
    position: absolute;
    padding-left: 0;
    right: 0;
    background:  rgba(187, 7, 8, .25) ;
    height: 415px;
}

#tagline {
    font-size: 22px;
    color: #ffffff;
    width: 270px;
    margin-left: 15px;
    line-height: 28px;
    margin-top: 10px;
    text-align: right;
    float: left;
    margin-right: 20px;
    height: 100px;
    font-weight:bold;
}

.tagline-copy {
    font-size: 17px;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
    padding-left:20px;
}
#house-mainnav ul {
    margin-left:-30px;
    display:block;
}
#house-mainnav a {
    width: 315px;
    background: url("../images/bg-mainnav-a.png") left top repeat;
    height: 36px;
    display: block;
    margin-left:-37px;
     border-left: 0px solid #B88400;
}

#house-mainnav li a strong {
    font-size: 14px;
    padding-top: 9px;
    display: inline-block;
    color: black;
    margin-left: 5px;
}
#house-mainnav li:hover a strong {
    color:red;
}
#house-mainnav li:hover a span {
    color:red;
    font-weight:bold;
}
#house-mainnav li a span {
    float: right;
    display: inline-block;
    margin-top: 10px;
    margin-right: 15px;
    font-size: 13px;
    color: black;
}

#house-mainnav li {
    list-style: none;
    margin-top: 10px;
   
}

#topcpanel {
 width:100%;
 background:#474949;
}
a.linkscomparevi-VN {
    background:url('../images/compare-now-vi.png') no-repeat top center;
    background-position: 50% 90%;
    display:block;
    width:320px;
    height:165px;
}
a.linkscomparevi-VN:hover {
    background:url('../images/compare-now-vi-hover.png') no-repeat top right !important;
        background-position: 50% 90% !important;
        text-decoration:none;
}
    a.linkscomparevi-VN p:hover {
    text-decoration:none !important;
    }
 a.linkscomparevi-VN:hover .subitem-title {
    font-size:17px;
    }

 a.linkscompareen-US {
    background:url('../images/compare-now.png') no-repeat top center;
    background-position: 50% 90%;
    display:block;
    width:320px;
    height:165px;
}
a.linkscompareen-US:hover {
    background:url('../images/compare-now-hover.png') no-repeat top center !important;
        background-position: 50% 90% !important;
        text-decoration:none;
}
    a.linkscompareen-US p:hover {
    text-decoration:none !important;
    }
 a.linkscompareen-US:hover .subitem-title {
   font-size:17px;
    }

.hdthis {
    display:none !important;
}
#btnxemthembh {
font-size:11px;
}

.pcatmenu-life {
    background:#375aa0;
}
#menu-life.active a {
background:#375aa0;
}
#menu-life.active {
background:#375aa0;
}
#menu-life.active:hover ul {
    display:none;
}


.pcatmenu-health {
   background:#20a95c;
}
#menu-health.active a {
 background:#20a95c;
}
#menu-health.active {
 background:#20a95c;
}
#menu-health.active:hover ul {
    display:none;
}

.pcatmenu-motor {
 background:#7678b5;
}
#menu-motor.active a {
 background:#7678b5;
}
#menu-motor.active {
 background:#7678b5;
}
#menu-motor.active:hover ul {
    display:none;
}
.pcatmenu-home {
	background:#30b9ed;
}
#menu-home.active a {
	background:#30b9ed;
}
#menu-home.active {
	background:#30b9ed;
}
#menu-home.active:hover ul {
    display:none;
}

.pcatmenu-travel {
	background:#257aa4;
}
#menu-travel.active a {
	background:#257aa4;
}
#menu-travel.active {
	background:#257aa4;
}
#menu-travel.active:hover ul {
    display:none;
}

.pcatmenu-investment {
	background:#257aa4;
}
#menu-investment.active a {
	background:#257aa4;
}
#menu-investment.active {
	background:#257aa4;
}
#menu-investment.active:hover ul {
    display:none;
}
.linkt2 {
font-weight:bold;
}
li.news {
background: url("../images/jackpot-news-icons.png") 0px 3px no-repeat scroll transparent;
height: 1%;
list-style-type: none;
margin: 5px 0px 15px;
padding: 0px 0px 0px 25px;
}
li.popular {
background: url("../images/jackpot-news-icons.png") 0px -437px no-repeat scroll rgba(0, 0, 0, 0);
height: 1%;
list-style-type: none;
margin: 5px 0px 15px !important;
padding: 0px 0px 0px 25px !important;
}
li.popular {
background: url("../images/jackpot-news-icons.png") 0px -437px no-repeat scroll rgba(0, 0, 0, 0);
height: 1%;
list-style-type: none;
margin: 5px 0px 15px !important;
padding: 0px 0px 0px 25px !important;
}
#fttab2 h4  {
font-size:13px !important;
font-weight:bold;
}
.vnbox-img {
float: left;
}
.vnbox-img img {
height: 60px;
width: 120px;
margin: 10px 20px 10px 0px;
border: #fff solid 1px;
}
.logo-partner {
width: 100%;
min-height: 100px;
background:#fff;
padding-left:30px;
}
#h2-partner {
color: #B4090A;
font-size: 19px;
padding-left:10px;

}

/*----------------------
	Top Slider
----------------------*/

div.top_slider, div.pre_top_slider
{
    float: left;

    color: #000000;
    float: left;
    margin: 0px 0px 0px 10px;
    width: 98%;
    padding: 0 10px 20px 10px;
}

div.top_slider h1, div.pre_top_slider h1
{
    float: left;
    font: 18px Arial, Helvetica, sans-serif;
    padding: 12px 0 0;
}

ol.top_bar
{
    margin: 3px 0 0 20px;
    padding: 3px;
    float: left;
    width: 415px;
    position: relative;
    list-style-type: none;
    background: url(../images/h_bar.gif) no-repeat -38px 15px;
}

ol.top_bar li
{
    display: inline;
    float: left;
    width: 100px;
}
    ol.top_bar li:first-child a {
    margin-left: -5px;
    }
ol.top_bar li a
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #848383;
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
}

ol.top_bar li a.active
{
    color: #1f1f1f;
    padding: 0;
    height: 25px;
    background: url(../images/1_bar.gif) no-repeat left top;
}

ol.top_bar li a.active:hover .edit
{
    display: none;
}

ol.top_bar li a.active span
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
    left: -13px;
}

ol.top_bar li a.bar_2
{
    margin: 0;
    padding: 0;
    height: 25px;
    background: url(../images/2_bar.gif) no-repeat left top;
}

ol.top_bar li a.bar_2 span
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
    left:-20px;
}

ol.top_bar li a.bar_3
{
    margin: 0;
    padding: 0;
    height: 25px;
    background: url(../images/3_bar.gif) no-repeat left top;
}

ol.top_bar li a.bar_3 span
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
    left:-14px;
}
ol.top_bar li a.bar_4
{
    margin: 0;
    padding: 0;
    height: 25px;
    background: url(../images/4_bar.gif) no-repeat left top;
}
ol.top_bar li a.bar_4 span
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
    left: -18px;
}

div.edit
{
    background: #000;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 7px 0;
    position: absolute;
    top: 3px;
    left: -30px;
    text-align: center;
    width: 100px;
    z-index: 500;
}
input.btnbaophivi-VN {
    background:url(../images/quote_buttonvi.png) no-repeat !important;
    text-indent:-9999px;
    border:none;
    width:175px;
    height:43px;
}
input.btnbaophien-US {
    background:url(../images/quote_button.png) no-repeat !important;
    text-indent:-9999px;
    border:none;
   width:175px;
    height:43px;
}
#fttab1 .nav li a{
    padding: 5px 15px !important;
}

.boxtm {
width:308px;
border:1px solid #fff;
float:left;
margin-right:5px;
margin-left:5px;
border-radius:4px;
background:#fff;
cursor:pointer;
margin-top:5px;
margin-bottom:10px;


}
.boxtm:hover {
border:1px solid red;
}
.boxtm:hover .tmcontent a span.tmlnk {
    background:url("../images/get_quotes_small.png");
    height:30px;
    display:block;
    text-indent:-99999px;
    width:135px;
           
}
.boxtm:hover .tmcontent a p {
text-decoration:none !important;
}
.boxtm .tmcontent a p:hover {
text-decoration:none !important;
}
.boxtm .tmcontent a span.tmlnk{
color:#df090a;
height:30px;
display:block;
width:135px;
}
.tmcontent {
    width:146px;
    float:left;
    padding:10px;
    height: 162px;
    overflow:hidden;
}

    .tmcontent span {
    
        font-size:15px;
    }
    .tmcontent p {
    font-size:12px;
    color:#000;
    }
    .tmcontent span {
        color:#df090a;
        font-weight:bold;
    }
    .tmcontent span.tmlnk {
        color:#df090a;
        font-weight:100;
    }
.tmimage {

    width:160px;
    float:left;
}
.tmimage img {
    width:160px;
    height:140px;
    margin-top:10px;
}
#topmostservices {
        background:#e2e2e2;
    padding-bottom:10px;
}
.small-nav {
    position: absolute;
}
    .small-nav:hover ul{
    display:block;
    }
.small-nav a {
width: 60px;
height: 20px;
color: #000;
text-decoration: none;
font-weight: bold;
background: url(../images/rectango.png) no-repeat right;
padding-right: 13px;
font-weight:100;
}
    .small-nav a:hover {
    text-decoration:underline;
    }
.small-nav ul {
z-index: 9999;
display: none;
border: 1px solid #CCC;
background: #fff;
padding-top: 5px;
width: 210px;
position: absolute;
}

#form-feedback {
    float: left;
    width: 53%;
}

.control-label1 {
    float: left;
    padding-top: 10px;
    width: 70px;
}

.controls1 {
    margin-left: 100px;
}

#map-google {
    float: left;
    width:425px;
}

.vnlike-fb {
    float: left;
    height: 100%;
    width: 130px;
}

.vnlike-google {
    float: left;
    height: 100%;
}

.social-like {
    height: 20px;
    width: 100%;
}

.contact-us-email {
    background: left 4px no-repeat url("../images/email.png");
    padding-left: 20px;
    font-size: 13px;
    line-height: 1.5em;
    color: #144060;
    margin-bottom: 5px;
}

.contact-us-phone {
    background: left 2px no-repeat url("../images/phone.png");
    padding-left: 20px;
    font-size: 13px;
    line-height: 1.5em;
    color: #144060;
    margin-bottom: 5px;
}

.block-contact-right h4 {
    margin-bottom: 10px;
    padding-left: 20px;
}

.span-contact {
    width: 212px;
    float: left;
}

.p-contact {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #144060;
}
h1.title {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
color: #144060;
font-size: 19px;
padding-top: 40px;
width: 960px;
}